/*
 * @Author: xiehangyun 
 * @Date: 2025-05-16 10:33:31 
 * @Last Modified by: 肖思汗
 * @Last Modified time: 2025-07-13 16:23:46
 */

.myWallet {
    background-color: #F2F2F2;
    position: relative;
    font-size: 24rpx;
    box-sizing: border-box;
    min-height: 100vh;
    padding-top: 210rpx;
    padding-left: 20rpx;
    padding-right: 20rpx;
    // padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx);
    overflow-x: hidden;

    /* 余额卡片 */
    .balanceCard {
        background: #FFFFFF;
        border-radius: 16rpx;
        padding: 32rpx;
        box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);

        .balanceLabel {
            font-size: 28rpx;
            color: #666;
            margin-bottom: 16rpx;
        }

        .balanceAmount {
            font-size: 48rpx;
            font-weight: bold;
            color: #333;
        }
    }

    /* 余额卡片 */
    .balanceCard {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 50rpx;
        background: #fff;
        border-radius: 16rpx;
        box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);

        .balanceInfo {
            flex: 1;
        }

        .balanceInfo {
            height: 60rpx;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .withdrawButton {
            position: relative;
            background: #fd7901;
            color: white;
            padding: 0 20rpx;
            border-radius: 6rpx;
            font-size: 24rpx;
            margin-left: 20rpx;
            height: 60rpx;
            line-height: 60rpx;
            display: inline-block;
        }
    }

    /* 收支明细标题和Tab */
    .sectionHeader {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20rpx 0;
    }

    .sectionTitle {
        font-size: 32rpx;
        font-weight: bold;
        color: #333;
        padding: 10rpx;
    }

    /* 日期选择器 */
    .datePicker {
        background: #f5f5f5;
        padding: 10rpx;
        font-size: 24rpx;
        color: #666;
    }

    /* 交易列表 */
    .transactionList {
        background: #fff;
        border-radius: 40rpx;
        overflow: hidden;
        height: calc(100vh - 540rpx);
    }

    /* 交易项 */
    .transactionItem {
        padding: 24rpx;
        border-bottom: 1rpx solid #f0f0f0;

        .transactionHeader {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 16rpx;

            .amount {
                font-size: 32rpx;
                font-weight: bold;
                color: #333;
            }

            .status {
                font-size: 24rpx;
                padding: 4rpx 12rpx;
                border-radius: 4rpx;

                &.cash_out_success {
                    color: #52C41A;
                    background-color: #f6ffed;
                }

                &.check_fail,
                &.cash_out_fail {
                    color: #FF4D4F;
                    background-color: #fff2f0;
                }

                &.cash_outing {
                    color: #1890FF;
                    background-color: #e6f7ff;
                }

                &.wait_check {
                    color: #FA8C16;
                    background-color: #fff7e6;
                }
            }
        }

        .transactionDetails {
            font-size: 24rpx;
            color: #999;
            margin-bottom: 8rpx;

            .detailRow {
                display: flex;
                margin-bottom: 4rpx;
            }
        }

        .failReason {
            font-size: 24rpx;
            color: #FF4D4F;
            background-color: #fff2f0;
            padding: 8rpx 12rpx;
            border-radius: 4rpx;
            margin-top: 8rpx;
        }

        .transferProof {
            margin-top: 16rpx;
            padding: 0 24rpx;
            
            .nut-button {
                width: 180rpx;
            }
        }
    }
}